<template>
  <div>
    <div class="dialog" v-if="dataList.length?!isShow:isShow">
        <div class="make" @touchmove.prevent></div>
        <div class="dialog-conent" @touchmove.prevent v-for="(item, index) in dataList" :key="index"
      :style="{backgroundImage:'url(' + item.picture_path + ')',backgroundRepeat:'no-repeat'}">
        <div class="content-box">
          <div class="dialog-num">
            <p>{{ item.holidaywishes_name}}</p>
            <p>已赠送你{{ item.score }}积分，快去查看一下吧~</p>
          </div>
          <div style="ext-align: center;">
            <div class="dialog-btn" @click="isShow=!isShow">
              <p>好的</p>
            </div>
          </div>
        </div>
			</div>
		</div>
  </div>
</template>

<script>
import { getMyHolidaywishes } from "@/api/home";
export default {
  name:"BlessingItem",
  data () {
    return {
      isShow:false,
      dataList:[]
    }
  },
  methods: {
    async initList(){
        // alert(11)
      let query = Object.assign({},{ company_id: localStorage.getItem("companyId")-0 });
      let res = await getMyHolidaywishes(query);
      let result = res.data;
      if (result.status == 100) {
        this.dataList =result.data.rows
      }
    }
  },
  created() {
    setTimeout(() => {
      this.initList();
    }, 1000);
  },
}
</script>

<style lang="scss" scoped>
@import "blessing";
</style>

